<html>
  <head>
    <meta charset="utf-8" />
    <title>文曲星 | 首页</title>
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../utils/layui/css/layui.css" />
    <script src="../utils/jquery-3.5.1.min.js"></script>
    <script src="../utils/layui/layui.js"></script>
    <script src="js/index.js"></script>
  </head>

  <body>
    <div class="main">
      <!-- 头部功能 -->
      <div class="function">
        <a href="./userManual/userManual.html" class="fun-document fun-text"
          >使用文档</a
        >
        <a href="./openApi.html" class="fun-api fun-text">OpenApi</a>
        <a href="./qa.html" class="fun-question fun-text">常见问题解答</a>
        <a href="#" class="fun-mail fun-text">联系我们</a>
      </div>
      <!-- 下载按钮 -->
      <div class="btn">
        <a href="https://gitee.com/agaric303/plugin" class="btn-left btn-common"
          >gitee下载</a
        >
        <!-- <a href="#" class="btn-right btn-common">插件商店安装</a> -->
      </div>
    </div>
  </body>
  <style>
    .main {
      width: 100vw;
      height: 56.25vw;
      background: url("static/bg.png") no-repeat;
      background-size: 100% 100%;
    }

    /* 功能按钮 */
    .main .function {
      position: absolute;
      right: 5vw;
      top: 2.3vw;
      width: 31.5vw;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      font-size: 1.25vw;
      height: 1.9444vw;
      line-height: 1.9444vw;
    }
    .main .function .fun-text:hover {
      cursor: pointer;
      color: #6996f0;
    }

    /* 下载按钮 */
    .main .btn {
      position: absolute;
      top: 27.2361vw;
      left: 10.8333vw;
      width: 27.7778vw;
      height: 2.8472vw;
      font-size: 1.0417vw;
      text-align: center;
      line-height: 2.8472vw;
    }
    .main .btn .btn-common {
      float: left;
      height: 100%;
      border-radius: 1vw;
    }
    .main .btn .btn-common:hover {
      cursor: pointer;
      color: #6996f0;
    }
    .main .btn .btn-left {
      width: 8.5vw;
      background-color: #ffd859;
      margin-right: 2vw;
    }
    .main .btn .btn-right {
      width: 9vw;
      background-color: #e5e5e5;
    }
  </style>
</html>
